<template>
  <div id="app">
    <p>语文{{score1}}</p>
    <p>数学{{score2}}</p>
    <p>总分:{{total}}</p>
    <p>总分:{{getTotal()}}</p>
  
  </div>
</template>

<script>
export default{
  data(){
    return{
       score1:99,
       score2:100
    }
  },
  //计算属性 
  //优势在于缓存,只会计算一次
  computed:{
    total(){
      return this.score1+this.score2
    }
  },
  methods:{
    getTotal(){
      return this.score1+this.score2
    }
  }
}

</script>

<style>

</style>